<include file="Public/head" title="充值"/>
<include file="Public/back_head"/>
<div class="main">
    <div class="recharge">
        <div class="money">
            <span>充值金额</span>
            <label for="">
                <input type="number" placeholder="请输入充值金额" name="money">
            </label>
        </div>
        <button class="save_btn">充值</button>
    </div>
</div>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript">
       wx.config({
        debug : false,
        appId : "{$signPackage['appId']}", // 必填，公众号的唯一标识
        timestamp:"{$signPackage['timestamp']}", // 必填生成签名的时间戳
        nonceStr : "{$signPackage['nonceStr']}", // 必填生成签名的随机串
        signature : "{$signPackage['signature']}",// 必填签名，见附录1
        jsApiList : [ 'getLocation', 'checkJsApi', 'chooseImage',
                'uploadImage', 'downloadImage', 'chooseWXPay' ]
    // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
        $('.save_btn').one('click',function(){

           var total_fee = $('input[name=money]').val();
           if(total_fee ==''){
            layer.msg('请输入充值金额');
            return false;
           }
            var url = "{:U('Pay/recharge')}";
            $.post(url,{total_fee:total_fee},function(data){
                wx.chooseWXPay({
                    timestamp: data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                    nonceStr: data.nonceStr, // 支付签名随机串，不长于 32 位
                    package: data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
                    signType: data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                    paySign: data.paySign, // 支付签名
                    success: function (res) {
                        searchPay(res);
                    },
                    cancel:function(res){ 
                        searchPay(res);
                    },
                    fail:function(res){
                        searchPay(res);
                    }

                });
            },'json');
            return false;
        });
        function searchPay(res){
            if(res.errMsg == "chooseWXPay:ok" ) {
                layer.msg('充值成功');
               location.href="{:U('User/account')}";
            }else{
                layer.msg('充值失败');
                window.location.reload();
            }
        }  
    </script>
<include file="Public/foot"/>